﻿<!DOCTYPE HTML>
<!-- saved from url=(0073)http://172.13.19.31:6060/note_html/web/Javascript/1001050-浏览器对象.html -->
<!DOCTYPE html PUBLIC "" ""><HTML><HEAD><META content="IE=11.0000" 
http-equiv="X-UA-Compatible">
 
<META http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
<TITLE>4-浏览器对象</TITLE> <LINK href="4-浏览器对象_files/standalone.css" rel="stylesheet"> 
<LINK href="4-浏览器对象_files/overlay-apple.css" rel="stylesheet"> <LINK href="4-浏览器对象_files/article_edit.css" 
rel="stylesheet"> 
<STYLE type="text/css">
	#content{
		margin: 5px 10px;
	}
</STYLE>
	 <!-- 代码高亮 -->	 <LINK href="4-浏览器对象_files/shCoreEclipse.css" rel="stylesheet">
	 <LINK href="4-浏览器对象_files/my-highlighter.css" rel="stylesheet">     
<SCRIPT src="../../pub/syntaxhighlighter/scripts/shCore.js" type="text/javascript"></SCRIPT>
	 
<SCRIPT src="../../pub/syntaxhighlighter/scripts/shBrushJava.js" type="text/javascript"></SCRIPT>
		
<SCRIPT src="../../pub/syntaxhighlighter/scripts/shBrushJScript.js" type="text/javascript"></SCRIPT>
	 
<SCRIPT src="../../pub/syntaxhighlighter/scripts/shBrushXml.js" type="text/javascript"></SCRIPT>
	 
<SCRIPT src="../../pub/syntaxhighlighter/scripts/shBrushSql.js" type="text/javascript"></SCRIPT>
		
<SCRIPT src="../../pub/syntaxhighlighter/init.js" type="text/javascript"></SCRIPT>
 
<SCRIPT src="../../pub/js/jquery.tools.min.js" type="text/javascript"></SCRIPT>
 
<META name="GENERATOR" content="MSHTML 11.00.10586.545"></HEAD> 
<BODY>
<DIV id="content">
<H1 align="center">4-浏览器对象</H1>
<P align="right" 
style="margin: 0px 10px 0px 0px; padding: 0px;">最后修改时间：2015-03-26 19:43:19</P>
<HR style="border-width: 2px; border-color: lime;">
<BUTTON onclick="showNavigator();" type="button">Navigator对象属性</BUTTON> <BUTTON 
onclick="showPlugins();" type="button">浏览器插件</BUTTON> <BUTTON onclick="showHistory();" 
type="button">history浏览器历史信息</BUTTON> <BUTTON onclick="render('');" type="button">收起</BUTTON> 
<PRE id="content-show" style="margin: 10px; font-size: 1.1em;"></PRE>
<HR>

<PRE class="brush: js;">var showNavigator = function(){
	
	var p ="浏览器信息：<BR>";
	p += "浏览器的代码名，<FONT style="color: red;">navigator.appCodeName</FONT>：" + navigator.appCodeName + "<BR>";
	p += "浏览器的次级版本，<FONT style="color: red;">navigator.appMinorVersion</FONT>：" + navigator.appMinorVersion + "<BR>";
	p += "浏览器名称，<FONT style="color: red;">navigator.appName</FONT>：" + navigator.appName + "<BR>";
	p += "浏览器的平台和版本信息，<FONT style="color: red;">navigator.appVersion</FONT>：" + navigator.appVersion + "<BR>";
	p += "当前浏览器的语言，<FONT style="color: red;">navigator.browserLanguage</FONT>：" + navigator.browserLanguage + "<BR>";
	p += "浏览器中是否启用cookie，<FONT style="color: red;">navigator.cookieEnabled</FONT>：" + navigator.cookieEnabled + "<BR>";
	p += "浏览器系统的 CPU 等级，<FONT style="color: red;">navigator.cpuClass</FONT>：" + navigator.cpuClass + "<BR>";
	p += "系统是否处于脱机模式的布尔值，<FONT style="color: red;">navigator.onLine</FONT>：" + navigator.onLine + "<BR>";
	p += "运行浏览器的操作系统平台，<FONT style="color: red;">navigator.platform</FONT>：" + navigator.platform + "<BR>";
	p += "OS 使用的默认语言，<FONT style="color: red;">navigator.systemLanguage</FONT>：" + navigator.systemLanguage + "<BR>";
	p += "由客户机发送服务器的 user-agent 头部的值，<FONT style="color: red;">navigator.userAgent</FONT>：" + navigator.userAgent + "<BR>";
	p += "OS 的自然语言设置，<FONT style="color: red;">navigator.userLanguage</FONT>：" + navigator.userLanguage;
	render(p);
};


var showPlugins = function(){
	var plugin = navigator.plugins;
	var len = plugin.length;
	var p = "浏览器插件：<BR>";
	for(var i = 0;i &lt; len;i++){
		p +="plugin " + i +"："+ plugin[i].name + "<BR>";
	}
	render(p);
};


var showHistory = function(){
	
	var p ="浏览器历史对象信息：<BR>";
	p += "浏览器历史列表中的 URL数量，<FONT style="color: red;">history.length</FONT>：" + history.length + "<BR>";
	p += "加载 history列表中的前一个URL，<FONT style="color: red;">history.back()</FONT><BR>";
	p += "加载 history 列表中的下一个URL，<FONT style="color: red;">history.forward()</FONT><BR>";
	p += "加载 history 列表中的某个具体页面，<FONT style="color: red;">history.go(number|URL)</FONT><BR>";
	render(p);
};

var render = function(content){
	document.getElementById('content-show').innerHTML = content;
};
</PRE>
<HR>

<DIV>
<H3>Screen 对象属性</H3>
<TABLE width="100%" align="center" style="text-align: center;" border="1">
  <TBODY>
  <TR>
    <TH>属性</TH>
    <TH>描述</TH>
    <TH>IE</TH>
    <TH>F</TH>
    <TH>O</TH></TR>
  <TR>
    <TD>availHeight</TD>
    <TD>返回显示屏幕的高度 (除 Windows 任务栏之外)。</TD>
    <TD>4</TD>
    <TD>1</TD>
    <TD>9</TD></TR>
  <TR>
    <TD>availWidth</TD>
    <TD>返回显示屏幕的宽度 (除 Windows 任务栏之外)。</TD>
    <TD>4</TD>
    <TD>1</TD>
    <TD>9</TD></TR>
  <TR>
    <TD>bufferDepth</TD>
    <TD>设置或返回调色板的比特深度。</TD>
    <TD>4</TD>
    <TD>No</TD>
    <TD>No</TD></TR>
  <TR>
    <TD>colorDepth</TD>
    <TD>返回目标设备或缓冲器上的调色板的比特深度。</TD>
    <TD>4</TD>
    <TD>1</TD>
    <TD>9</TD></TR>
  <TR>
    <TD>deviceXDPI</TD>
    <TD>返回显示屏幕的每英寸水平点数。</TD>
    <TD>6</TD>
    <TD>No</TD>
    <TD>No</TD></TR>
  <TR>
    <TD>deviceYDPI</TD>
    <TD>返回显示屏幕的每英寸垂直点数。</TD>
    <TD>6</TD>
    <TD>No</TD>
    <TD>No</TD></TR>
  <TR>
    <TD>fontSmoothingEnabled</TD>
    <TD>返回用户是否在显示控制面板中启用了字体平滑。</TD>
    <TD>4</TD>
    <TD>No</TD>
    <TD>No</TD></TR>
  <TR>
    <TD>height</TD>
    <TD>返回显示屏幕的高度。</TD>
    <TD>4</TD>
    <TD>1</TD>
    <TD>9</TD></TR>
  <TR>
    <TD>logicalXDPI</TD>
    <TD>返回显示屏幕每英寸的水平方向的常规点数。</TD>
    <TD>6</TD>
    <TD>No</TD>
    <TD>No</TD></TR>
  <TR>
    <TD>logicalYDPI</TD>
    <TD>返回显示屏幕每英寸的垂直方向的常规点数。</TD>
    <TD>6</TD>
    <TD>No</TD>
    <TD>No</TD></TR>
  <TR>
    <TD>pixelDepth</TD>
    <TD>返回显示屏幕的颜色分辨率（比特每像素）。</TD>
    <TD>No</TD>
    <TD>1</TD>
    <TD>9</TD></TR>
  <TR>
    <TD>updateInterval</TD>
    <TD>设置或返回屏幕的刷新率。</TD>
    <TD>4</TD>
    <TD>No</TD>
    <TD>No</TD></TR>
  <TR>
    <TD>width</TD>
    <TD>返回显示器屏幕的宽度。</TD>
    <TD>4</TD>
    <TD>1</TD>
    <TD>9</TD></TR></TBODY></TABLE></DIV>
<HR>

<DIV>
<H3>Location 对象属性</H3>
<TABLE align="center" style="width: 100%; text-align: center;" border="1">
  <TBODY>
  <TR>
    <TH style="width: 21%;">属性</TH>
    <TH style="width: 58%;">描述</TH>
    <TH style="width: 7%;">IE</TH>
    <TH style="width: 7%;">F</TH>
    <TH style="width: 7%;">O</TH></TR>
  <TR>
    <TD>hash</TD>
    <TD>设置或返回从井号 (#) 开始的 URL（锚）。</TD>
    <TD>4</TD>
    <TD>1</TD>
    <TD>9</TD></TR>
  <TR>
    <TD>host</TD>
    <TD>设置或返回主机名和当前 URL 的端口号。</TD>
    <TD>4</TD>
    <TD>1</TD>
    <TD>9</TD></TR>
  <TR>
    <TD>hostname</TD>
    <TD>设置或返回当前 URL 的主机名。</TD>
    <TD>4</TD>
    <TD>1</TD>
    <TD>9</TD></TR>
  <TR>
    <TD>href</TD>
    <TD>设置或返回完整的 URL。</TD>
    <TD>4</TD>
    <TD>1</TD>
    <TD>9</TD></TR>
  <TR>
    <TD>pathname</TD>
    <TD>设置或返回当前 URL 的路径部分。</TD>
    <TD>4</TD>
    <TD>1</TD>
    <TD>9</TD></TR>
  <TR>
    <TD>port</TD>
    <TD>设置或返回当前 URL 的端口号。</TD>
    <TD>4</TD>
    <TD>1</TD>
    <TD>9</TD></TR>
  <TR>
    <TD>protocol</TD>
    <TD>设置或返回当前 URL 的协议。</TD>
    <TD>4</TD>
    <TD>1</TD>
    <TD>9</TD></TR>
  <TR>
    <TD>search</TD>
    <TD>设置或返回从问号 (?) 开始的 URL（查询部分）。</TD>
    <TD>4</TD>
    <TD>1</TD>
    <TD>9</TD></TR></TBODY></TABLE></DIV>
<DIV>
<H3>Location 对象方法</H3>
<TABLE align="center" style="width: 100%; text-align: center;" border="1">
  <TBODY>
  <TR>
    <TH style="width: 21%;">属性</TH>
    <TH style="width: 58%;">描述</TH>
    <TH style="width: 7%;">IE</TH>
    <TH style="width: 7%;">F</TH>
    <TH style="width: 7%;">O</TH></TR>
  <TR>
    <TD>assign(URL)</TD>
    <TD>加载新的文档。</TD>
    <TD>4</TD>
    <TD>1</TD>
    <TD>9</TD></TR>
  <TR>
    <TD>reload(force)</TD>
    <TD>重新加载当前文档。如果该方法没有规定参数，或者参数是 false，      它就会用 HTTP 头 If-Modified-Since 
      来检测服务器上的文档是否已改变。如果文档已改变，       reload() 
      会再次下载该文档。如果文档未改变，则该方法将从缓存中装载文档。这与用户单击浏览器的刷新按钮的效果是完全一样的。      如果把该方法的参数设置为 
      true，那么无论文档的最后修改日期是什么，它都会绕过缓存，从服务器上重新下载该文档。      这与用户在单击浏览器的刷新按钮时按住 Shift 
      健的效果是完全一样。       </TD>
    <TD>4</TD>
    <TD>1</TD>
    <TD>9</TD></TR>
  <TR>
    <TD>replace(newURL)</TD>
    <TD>用新的文档替换当前文档。replace() 方法不会在 History 对象中生成一个新的纪录。当使用该方法时，新的 URL 将覆盖 
      History 对象中的当前纪录。</TD>
    <TD>4</TD>
    <TD>1</TD>
    <TD>9</TD></TR></TBODY></TABLE></DIV>
<SCRIPT type="text/javascript">

var showNavigator = function(){
	
	var p ="浏览器信息：<br/>";
	p += "浏览器的代码名，<font style='color:red;'>navigator.appCodeName</font>：" + navigator.appCodeName + "<br/>";
	p += "浏览器的次级版本，<font style='color:red;'>navigator.appMinorVersion</font>：" + navigator.appMinorVersion + "<br/>";
	p += "浏览器名称，<font style='color:red;'>navigator.appName</font>：" + navigator.appName + "<br/>";
	p += "浏览器的平台和版本信息，<font style='color:red;'>navigator.appVersion</font>：" + navigator.appVersion + "<br/>";
	p += "当前浏览器的语言，<font style='color:red;'>navigator.browserLanguage</font>：" + navigator.browserLanguage + "<br/>";
	p += "浏览器中是否启用cookie，<font style='color:red;'>navigator.cookieEnabled</font>：" + navigator.cookieEnabled + "<br/>";
	p += "浏览器系统的 CPU 等级，<font style='color:red;'>navigator.cpuClass</font>：" + navigator.cpuClass + "<br/>";
	p += "系统是否处于脱机模式的布尔值，<font style='color:red;'>navigator.onLine</font>：" + navigator.onLine + "<br/>";
	p += "运行浏览器的操作系统平台，<font style='color:red;'>navigator.platform</font>：" + navigator.platform + "<br/>";
	p += "OS 使用的默认语言，<font style='color:red;'>navigator.systemLanguage</font>：" + navigator.systemLanguage + "<br/>";
	p += "由客户机发送服务器的 user-agent 头部的值，<font style='color:red;'>navigator.userAgent</font>：" + navigator.userAgent + "<br/>";
	p += "OS 的自然语言设置，<font style='color:red;'>navigator.userLanguage</font>：" + navigator.userLanguage;
	render(p);
};


var showPlugins = function(){
	var plugin = navigator.plugins;
	var len = plugin.length;
	var p = "浏览器插件：<br/>";
	for(var i = 0;i < len;i++){
		p +="plugin " + i +"："+ plugin[i].name + "<br/>";
	}
	render(p);
};


var showHistory = function(){
	
	var p ="浏览器历史对象信息：<br/>";
	p += "浏览器历史列表中的 URL数量，<font style='color:red;'>history.length</font>：" + history.length + "<br/>";
	p += "加载 history列表中的前一个URL，<font style='color:red;'>history.back()</font><br/>";
	p += "加载 history 列表中的下一个URL，<font style='color:red;'>history.forward()</font><br/>";
	p += "加载 history 列表中的某个具体页面，<font style='color:red;'>history.go(number|URL)</font><br/>";
	render(p);
};

var render = function(content){
	document.getElementById('content-show').innerHTML = content;
};

</SCRIPT>
 
<HR style="border-width: 2px; border-color: lime;">

<DIV align="center">©copyright 2013 ~ 2030 作者：zzy</DIV><!-- make all links with the 'rel' attribute open overlays --> 
<SCRIPT>
  $(function() {
      $("#apple img[rel]").overlay({effect: 'apple'});
    });
</SCRIPT>
 </DIV></BODY></HTML>
